<!DOCTYPE html>
<html lang="en"  xmlns:th="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <!-- Meta, title, CSS, favicons, etc. -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Gentelella Alela! | </title>

    <!-- Bootstrap -->
    <link href="/resa/vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
    <!-- Font Awesome -->
    <link href="/resa/vendors/font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <!-- NProgress -->
    <link href="/resa/vendors/nprogress/nprogress.css" rel="stylesheet">

<!-- Switchery -->
    <link href="/resa/vendors/switchery/dist/switchery.min.css" rel="stylesheet">
	  <!-- bootstrap-daterangepicker -->
	  <link href="/resa/vendors/bootstrap-daterangepicker/daterangepicker.css" rel="stylesheet">
	  <!-- bootstrap-datetimepicker -->
	  <link href="/resa/vendors/bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.css" rel="stylesheet">
    <!-- Custom Theme Style -->
    <link href="/resa/build/css/custom.min.css" rel="stylesheet">
    <link rel="stylesheet" href="/resa/css/datepicker.css">
	  <!-- PNotify -->
	  <link href="/resa/vendors/pnotify/dist/pnotify.css" rel="stylesheet">
	  <link href="/resa/vendors/pnotify/dist/pnotify.buttons.css" rel="stylesheet">
	  <link href="/resa/vendors/pnotify/dist/pnotify.nonblock.css" rel="stylesheet">

	  <style>
     		::-webkit-scrollbar {/*滚动条*/
		    width:5px;
		}
		::-webkit-scrollbar-track {/*滚动槽*/
		    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
		    border-radius:10px;
		}
		::-webkit-scrollbar-thumb {/*滚动条滑块*/
		    border-radius:10px;
		    background:rgba(0,0,0,0.1);
		    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5);
		}	
    body{
    	overflow-x: hidden;
    	font-size: 13px;
    }
    li{
    	float: left;
    	 height: 29px;
			    line-height: 1px;
    }
   .nav>li.active{
			    border-bottom: 2px solid #00c292;
			    
	}
	.lines{
    		    line-height: 27px;
    		    border-left: 2px solid #1FD6BB;
    	}
    	
    	.forms input{
    		border-color: #EDEDED;
    		border-radius: 5px;
    		height: 40px;
    		margin: 10px 2px;
    		width: 80%;
    	}
    	.forms input:hover,input:focus {
    		border-color: #1FD6BB;
    		transition: all 1;
    	}
    	
    	.forms textarea{
    		border-color: #EDEDED;
    		border-radius: 5px;
    		height: 80px;
    		margin: 10px 2px;
    		width: 80%;
    	}
    	.forms textarea:hover,textarea:focus {
    		border-color: #1FD6BB;
    		transition: all 1;
    	}
    	
    	.form-horizontal .control-label {
    		padding-top: 20px;
			}

.quebtn{
		padding: 9px 31px;
    border-radius: 19px;
    background: #1FD6BB;
    color: white;
    border: 0px;
}
.requiredcolor{
	color: red;
}

	.tables td{
    		height: 55px;
    		line-height: 38px;
    		border: 1px solid #DCDCDC!important;
    }
	.tables thead td{
    	background: #F2F2F2;
    }
    	.lines{
    		    line-height: 27px;
    		    border-left: 2px solid #1FD6BB;
    	}
    	.tables{
    		    width: 100%;
				    max-width: 100%;
				    margin-bottom: 20px;
				    /*text-align: center;*/
    	}
    	.tables thead{
    		text-align: center;
    	}
    	.tables tbody td{
    		padding-left: 10%;
    	}
    	.table-bordereds{
    		border: 1px solid #ddd
    	}
    	.mar{
    		    margin-top: 25px;
    	}
    	.yanfa{
    		color: #1FD6BB;
    	}
    	.task{
    		color: #64BF62;
    	}
    	.quexian{
    		color:#F95A55
    	}
    	/*已完成*/
    	.successed{
    		color: #00c292;
    	}
    	/*进行中*/
    	.loading{
    		color: #FEA31D;
    	}
    	/*未开始*/
    	.notbegin{
    		color: #F95A55;
    	}
			.forms select{
				border-color: #EDEDED;
				border-radius: 5px;
				height: 40px;
				margin: 10px 2px;
				width: 80%;
			}
			.forms select:hover,select:focus {
				border-color: #1FD6BB;
				transition: all 1;
			}
    </style>
  </head>

  <body class="nav-md" style="background: #F0F0F0">
       
			<span style="display: none;" th:text="${pid}" id="pid"></span>
            <div class="clearfix"></div>

            <div class="row">
              <div class="col-md-12 ">
                    <div class="row">
													<div class="col-md-12">
											                  
											                  <div class="col-md-12">
																                  	<div class="" role="tabpanel" data-example-id="togglable-tabs">
																			                      <ul id="" class="nav" role="tablist">
																			                        <li role="presentation" class="active" ><a href="#tab_content1" id="home-tab" role="tab" data-toggle="tab" aria-expanded="true">基本设置</a>
																			                        </li>
																			                        <li role="presentation" class=""><a href="#tab_content2" role="tab" id="profile-tab" data-toggle="tab" aria-expanded="false">人员配置</a>
																			                        </li>
																			                        <!--<li role="presentation" class=""><a href="#tab_content3" role="tab" id="profile-tab2" data-toggle="tab" aria-expanded="false">任务类型</a>-->
																			                        <!--</li>-->
																			                         <!--<li role="presentation" class=""><a href="#tab_content4" role="tab" id="profile-tab3" data-toggle="tab" aria-expanded="false">数据管理</a>-->
																			                        <!--</li>-->
																			                        
																			                         <!--<ul class="nav navbar-right panel_toolbox" style="    line-height: 30px;">-->
																						                      <!--<li class="dropdown">-->
																						                        <!--<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false" style="color: #878787;"><i class="fa fa-wrench"></i></a>-->
																						                        <!--<ul class="dropdown-menu" role="menu">-->
																						                          <!--<li><a href="#">删除项目</a>-->
																						                          <!--</li>-->
																						                        <!--</ul>-->
																						                      <!--</li>-->
																						                    <!--</ul>-->
																			                         <!--<li role="presentation" class="" style="float: right;"><a href="#tab_content5" role="tab" id="profile-tab3" data-toggle="tab" aria-expanded="false"><i class="fa ellipsis-h"></i>&nbsp;设置</a>
																			                        </li>-->
																			                      </ul>
																			                     
													              					</div>
								                    		</div>
											                    
											    </div>
											                    
				                   <div class="clearfix" style="background: white;"></div>
	                      </div>
		                    
		                    
                    	
                    
                    
                    <div class="clearfix"></div>
                  <div class="x_content" style="background: white;">
																 <div id="myTabContent" class="tab-content">
										 													<!--
			                                         	作者：1989484309@qq.com
			                                         	时间：2019-03-04
			                                         	描述：基本设置
			                                         -->
											                        <div role="tabpanel" class="tab-pane fade active in" id="tab_content1" aria-labelledby="home-tab">
											                        		<div class="row" style="margin: 20px;">
											                        			<div class="row">
												                        			<div class=" col-md-3 ">
												                        				<span class="lines">&nbsp;基本设置</span>
												                        			</div>
											                        			</div>
											                        			<span id="uid" style="display: none;" th:text="${data.project.puserid}"></span>
											                        			<div class="row" style="margin-top: 10px;color: #878787;">
											                        						
											                        					  <form  id="projectForm" class="form-horizontal form-label-left forms" novalidate>
																							  <div class="item form-group">
                                        <span class="control-label col-md-2 " for="name"><span class="required requiredcolor">*</span>项目名称
                                        </span>
																								  <div class="col-md-9">
																									  <input id="pname" th:attr="value=${data.project.pname}" class="form-control col-md-7 col-xs-12" data-validate-length-range="6" data-validate-words="2" name="pname" placeholder="" required="required" type="text">
																								  </div>
																							  </div>
																							  <div class="item form-group">
																								  <span class="control-label col-md-2 " for="name">项目编号</span>
																								  <div class="col-md-9 ">
																									  <input type="text" th:attr="value=${data.project.pnumber}" id="pnumber" name="pnumber" required="required" class="form-control col-md-7 col-xs-12">
																								  </div>
																							  </div>
																							  <div class="item form-group">
																								  <span class="control-label col-md-2 " for="name">任务编号前缀</span>
																								  <div class="col-md-9">
																									  <input type="text" th:attr="value=${data.project.ptaskpre}" id="ptaskpre" name="ptaskpre" data-validate-linked="email" required="required" class="form-control col-md-7 col-xs-12">
																								  </div>
																							  </div>


																							  <div class="item form-group">
																								  <span class="control-label col-md-2 " for="name">负责人</span>
																								  <div class="col-md-3">
																									  <select  type="text" id="puserid" name="puserid" data-validate-linked="email" required="required" class="form-control col-md-7 col-xs-12">
																										  <option th:each="info,infoStat : ${admin}"  th:attr="value=${info.id}"  th:text="${info.account}">用户1</option>
																										  <!--<option value="2">用户2</option>-->
																										  <!--<option value="3">用户3</option>-->
																									  </select>
																								  </div>
																								  <span class="control-label col-md-1 " for="name">时间</span>
																								  <div class="mt40" style="height: 60px; line-height: 60px;">
																									  <div class="c-datepicker-date-editor  J-datepicker-range-day mt10">
																										  <i class="c-datepicker-range__icon kxiconfont icon-clock"></i>
																										  <input placeholder="开始日期"  name="startStr" class="c-datepicker-data-input only-date"  th:attr="value=${data.start}" style="    height: 13px;">
																										  <span class="c-datepicker-range-separator">-</span>
																										  <input placeholder="结束日期"  name="endStr" class="c-datepicker-data-input only-date" th:attr="value=${data.end}" style="    height: 13px;">

																									  </div>

																								  </div>
																							  </div>
																							  <!--<div class="item form-group">
                                                                                               <span class="control-label col-md-2 " for="name">所属分组</span>
                                                                                               <div class="col-md-9">
                                                                                                 <select type="text" name="confirm_email" data-validate-linked="email" required="required" class="form-control col-md-7 col-xs-12">
                                                                                                     <option>1</option>
                                                                                                     <option>1</option>
                                                                                                 </select>
                                                                                               </div>
                                                                                             </div>-->
																							  <div class="item form-group">
																								  <span class="control-label col-md-2 " for="name">描述</span>
																								  <div class="col-md-9">
																									  <textarea id="description" name="description" th:text="${data.project.description}"></textarea>
																								  </div>
																							  </div>

																							  <div class="ln_solid"></div>
																							  <div class="form-group">
																								  <div class="col-md-6 col-md-offset-2">
																									  <button type="button" id="sumbit" class="quebtn">确定</button>
																								  </div>
																							  </div>

																						  </form>
											                        				
											                        				
											                        			</div>	
											                        		</div>
											                        </div>
											                        <!--
                                                	作者：1989484309@qq.com
                                                	时间：2019-03-04
                                                	描述：成员管理
                                                -->
											                        <div role="tabpanel" class="tab-pane fade" id="tab_content2" aria-labelledby="profile-tab">
											                          <div class="embed-responsive embed-responsive-16by9" style="height:610px;;">
																										  <iframe id="table-data" class="embed-responsive-item" src="/resa/bumen/index.do" ></iframe>
																										</div>
											                        </div>
											                        <!--
                                                	作者：1989484309@qq.com
                                                	时间：2019-03-04
                                                	描述：	任务类型	
                                                -->
											                        <div role="tabpanel" class="tab-pane fade" id="tab_content3" aria-labelledby="profile-tab">
											                         	<div class="row" style="margin: 20px;">
											                        			<div class="row">
												                        			<div class=" col-md-6 ">
												                        				<span class="lines">&nbsp;为项目【xiangmuyanf】选择合适的任务类型</span>
												                        			</div>
												                        			<div class="col-md-6">
												                        				<span class="right">添加任务类型</span>
												                        			</div>
											                        			</div>
											                        			
											                        			<div class="row" style="margin-top:25px;">
											                        						
											                        					<table class="tables table-bordereds">
																		                      <thead>
																		                        <tr>
																		                          <td>任务类型</td>
																		                          <td>备注</td>
																		                          <td>默认</td>
																		                          <td>操作</td>
																		                        </tr>
																		                      </thead>
																		                      <tbody>
																		                        <tr>
																		                          <td style="color: black;"><i class="fa fa-inbox yanfa" >&nbsp;</i>研发需求</td>
																		                          <td>项目管理中的需求</td>
																		                          <td><label><input type="checkbox" class="js-switch"  /></label></td>
																		                          <td class="row">
																		                          	 <div class="col-md-5" style="color: #22d7bb;"><i class="fa fa-tags"></i>设置</div>
																		                          	 <div class="col-md-5"><i class="fa fa-trash" ></i></div>
																		                          </td>
																		                        </tr>
																		                        <tr>
																		                          <td style="color: black;"><i class="fa fa-check-square task">&nbsp;</i>研发任务</td>
																		                          <td>项目管理的任务</td>
																		                          <td>
																		                          	<label><input type="checkbox" class="js-switch"  /></label></td>
																		                          <td>
																		                          	<div class="col-md-5" style="color: #22d7bb;"><i class="fa fa-tags"></i>设置</div>
																		                          	 <div class="col-md-5"><i class="fa fa-trash" ></i></div></td>
																		                        </tr>
																		                        <tr>
																		                          <td style="color: black;"><i class="fa fa-chain-broken quexian">&nbsp;</i>缺陷</td>
																		                          <td>通用缺陷管理</td>
																		                          <td><label><input type="checkbox" class="js-switch" checked /></label></td>
																		                          <td><div class="col-md-5" style="color: #22d7bb;"><i class="fa fa-tags"></i>设置</div>
																		                          	 <div class="col-md-5"><i class="fa fa-trash" ></i></div></td>
																		                        </tr>
																		                      </tbody>
																		                    </table>
											                        				
											                        				
											                        			</div>	
											                        		</div>
											                        </div>	
											                        <!--
                                                	作者：1989484309@qq.com
                                                	时间：2019-03-04
                                                	描述：数据管理
                                                -->
											                        <div role="tabpanel" class="tab-pane fade" id="tab_content4" aria-labelledby="profile-tab">
											                          4
											                        </div>	
																							
																							
										
             

                  </div>
               
                  
                  </div>
                </div>
              </div>
            </div>
        <!-- /page content -->

    <!-- jQuery -->
    <script src="/resa/vendors/jquery/dist/jquery.min.js"></script>
    <!-- Bootstrap -->
    <script src="/resa/vendors/bootstrap/dist/js/bootstrap.min.js"></script>
    <!-- FastClick -->
    <script src="/resa/vendors/fastclick/lib/fastclick.js"></script>
    <!-- NProgress -->
    <script src="/resa/vendors/nprogress/nprogress.js"></script>
    <!-- Switchery -->
			<script src="/resa/js/datepicker.all.js"></script>

			<script src="/resa/vendors/switchery/dist/switchery.min.js"></script>
     <!-- ECharts -->
    <script src="/resa/vendors/echarts/dist/echarts.min.js"></script>
	<!-- bootstrap-daterangepicker -->
	<script src="/resa/vendors/moment/min/moment.min.js"></script>
	<script src="/resa/vendors/bootstrap-daterangepicker/daterangepicker.js"></script>
	<!-- bootstrap-datetimepicker -->
	<script src="/resa/vendors/bootstrap-datetimepicker/build/js/bootstrap-datetimepicker.min.js"></script>

			<!-- Custom Theme Scripts -->
    <script src="/resa/build/js/custom.min.js"></script>
    <!-- PNotify -->
    <script src="/resa/vendors/pnotify/dist/pnotify.js"></script>
    <script src="/resa/vendors/pnotify/dist/pnotify.buttons.js"></script>
    <script src="/resa/vendors/pnotify/dist/pnotify.nonblock.js"></script>
    
    <script>
    
    $(function(){
		$($("#puserid").find("option")).each(function(i,m){
			if($(m).attr("value")==$("#uid").text()){
				$(this).prop("selected","true")
			}
		})

		data();
		formSum();
    })
	//修改项目信息
	function formSum(){

    	$("#sumbit").click(function(){
    		if($("#pname").val()=='' ||$("#pname").val()==null){
				new PNotify({
					title: "错误提示",
					text: "项目名称不能为空",
					type: "error",
					styling: 'bootstrap3'
				});

    			return false;
			}

			$.ajax({

				url:'/resa/project/updataInfo/'+$("#pid").text()+'.do',
				data:$("#projectForm").serialize(),
				type:"post",
				dataType:"json",
				success:function(result){
					if(result.code==200) {
						new PNotify({
							title: "修改项目信息",
							text: "修改项目基本信息成功",
							type: "success",
							styling: 'bootstrap3'
						});
					}else{
						new PNotify({
							title: "修改项目信息",
							text: "修改项目基本信息失败",
							type: "error",
							styling: 'bootstrap3'
						});
					}
				}
			})


		})



	}
	//初始化时间
	function data() {
		var DATAPICKERAPI = {
			// 快捷选项option
			rangeShortcutOption1: [{
				name: '最近一周',
				day: '-7,0'
			}, {
				name: '最近一个月',
				day: '-30,0'
			}, {
				name: '最近三个月',
				day: '-90, 0'
			}],
		};

		//年月日范围
		$('.J-datepicker-range-day').datePicker({
//          hasShortcut: true,
			format: 'YYYY-MM-DD',
			isRange: true,
			shortcutOptions: DATAPICKERAPI.rangeShortcutOption1
		});

	}




	</script>
  </body>
</html>
